#{set title:'Extranet' /} #{extends 'main.html' /}
<br>
<head>
<script type="text/javascript" src="@{'/public/javascripts/calendario/jquery-ui.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/calendario/calendario.js'}"></script>
<link type="text/css" rel="Stylesheet" href="@{'/public/stylesheets/calendario/jquery-ui.css'}" />


<meta charset="utf-8">

<style type="text/css">
body {
        padding-top: 27px;
        padding-bottom: 40px;
}

form {
        text-align: left;
        width: 300px;
        border: 1px solid #ccc;
        padding: 15px;
        background: #fff;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        box-shadow: 0 0 4px #ccc;
        -webkit-box-shadow: 0 0 4px #ccc;
        -moz-box-shadow: 0 0 4px #ccc;
}

fieldset {
        overflow: hidden;
        border: 0;
        height: 30px;
        margin: 3px 0;
}

fieldset label {
        display: block;
        width: 100px;
        float: left;
        font-weight: 700;
        color: #666;
        line-height: 2.2em;
}

fieldset input {
        float: left;
        border: 1px solid #ccc;
        height: 20px;
        padding: 3px;
        width: 190px;
        font-size: 12px;
}

#button {
        margin-top: 10px;
        padding-right: 20px;
        text-align: right;
}

#button input {
        margin: 0 auto;
}

a.cssSubmitButton {
        font-size: 12px;
        background: #fff no-repeat 4px 5px;
        display: inline-block;
        padding: 5px 20px 6px;
        color: #333;
        border: 1px solid #ccc;
        text-decoration: none;
        font-weight: bold;
        line-height: 1.2em;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-box-shadow: 0 1px 3px #999;
        -webkit-box-shadow: 0 1px 3px #999;
        position: relative;
        cursor: pointer;
        outline: none;
}

a.cssSubmitButton:visited {
        
}

a.cssSubmitButton:hover {
        border: 1px solid #333;
}

.loading {
        background-image: url('load.gif') !important;
        color: #ccc !important;
        -moz-box-shadow: 0 0 0 #fff !important;
        -webkit-box-shadow: 0 0 0 #fff !important;
}

.effect {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
</style>
</head>


<!-- barra superior. codigo para mostrar o nome do usuario logado -->
<div class="navbar navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">
			<a class="btn btn-navbar" data-toggle="collapse"
				data-target=".nav-collapse"> <span class="icon-bar"></span> <span
				class="icon-bar"></span> <span class="icon-bar"></span>
			</a> <a class="brand" align="center"> &nbsp; EXTRANET - Sistema de
				Controle de Tarefas</a>
			<div>
				<ul class="nav pull-right">

					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> Ola, <b>${user}</b> <b class="caret"></b>
					</a>
						<ul class="dropdown-menu">
							<li><a href="@{Application.logout()}"> <i
									class="icon-off"></i> Sair
							</a></li>
						</ul></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<br>
<div align="center" style="width:80%">
<hr />



<!-- <form action="/" method="post">
<label>Data</label>
<input id="calendario" type="text" name="calendario" />
<label for="calendario">Data 2</label>
<input id="calendario_2" type="text" name="calendario_2" />
</form>  -->

<form action="@{relatorios.relatorioPeriodo}">
	<table>
		<tr>
			<td>Data Inicial: <input id="data" type="text" name="data" required/></td>
		</tr>
		<tr>
	   		<td>Data Final: &nbsp;&nbsp;<input id="data_2" type="text" name="data_2" required /> </td>
		</tr>
		<tr>
			<td align ="right"><input type="submit" value="Gerar Relatorio" /></td>
		</tr>
	</table>
</form>





<!-- calendario antigo 
<label>antigo</label>
<form action="@{relatorios.relatorioPeriodo}">
	<table>
		<tr>
			<td>Data Inicial: <input type="text" name="data" id="data" size="10" maxlength="10" required/></td>
		</tr>
		<tr>
	   		<td>Data Final: &nbsp;&nbsp;<input type="text" name="data_2" id="data_2" size="10" maxlength="10" required /> </td>
		</tr>
		<tr>
			<td align ="right"><input type="submit" value="Gerar Relatorio" /></td>
		</tr>
	</table>
</form>  -->
<hr />
</div>